<template>
  <div class="d-flex py-3 px-2" style="align-items: center; width: 100%;">
    <DataCardList :dataList="dataList" gap="18px" cardMinWidth="200px" />
  </div>
</template>

<script>
import DataCardList from "_c/table/DataCardList.vue";

export default {
  components: {DataCardList},
  data() {
    return {
      dataList: [
        {
          label: '志愿者总数',
          value: '19856',
          unit: '个',
          icon: '/image/icons/volunteer.png'
        },
        {
          label: 'AED总数',
          value: '2388',
          unit: '个',
          icon: '/image/icons/aed.png'
        }
      ]
    };
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped>

</style>
